<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小巨蛋-首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./utils/iconfont.css">
</head>

<body>
    <div class="wrap">
        <header>
            <div class="top-box">
                <div class="logo">
                    <div class="logoBox"><img src="./images/LOGO.png" alt=""></div>
                </div>
                <nav>
                    <ul>
                        <li>
                            <a href="#">集团介绍</a>
                        </li>
                        <li>
                            <a href="#">项目简介</a>
                        </li>
                        <li>
                            <a href="#">户型介绍</a>
                        </li>
                        <li>
                            <a href="#">新闻更新</a>
                        </li>
                        <li>
                            <a href="#">招商信息</a>
                        </li>
                        <li>
                            <a href="#">留言联系 </a>
                        </li>
                        <li>
                            <a href="#">友情链接</a>
                        </li>
                    </ul>
                </nav>
            </div>


            <div class="swiperBox">
                <div id="pathbox">
                    <ul>
                        <li><a href="#">您的位置</a></li>
                        <li>
                            <a href="#">首页</a>
                        </li>
                    </ul>
                </div>
                <h1>株洲小巨蛋</h1>
                <p class="titleEn"><i>ZHUZHOU FASHION CENTER</i> </p>
                <p class="titleBref">打造“中国（国际）名牌服饰展贸中心”</p>
                <div class="videoBox"><img src="./images/video.png" alt=""></div>
                <button class="btnMore">点击查看更过</button>
                <div class="btnBox">
                    <button class="btnShare">分享一下</button><span class="iconBox"><i class="iconfont icon-fenxiangfangshi icon-share"></i></span>
                </div>
            </div>
        </header>
        <main>
            <div class="fffbg-container">
                <!-- 白底区域 items-->
                <div class="items-container">
                    <!-- 蓝色盒子 -->
                    <div class="BlueBox">
                        <div class="Bluesquare">
                            <!-- news -->
                            <div class="news-box">
                                <div class="square">NEWS</div>
                                <div class="tangle-white-1"></div>
                                <div class="tangle-white-2"></div>
                            </div>
                            <span class="info">在1815线上，将有一座标志性建筑即将拔地而起，这就是被誉为芦淞服饰之窗的服饰演艺发布中心，也就是“株洲小巨蛋”。 ——201</span></div>
                        <div class="tangle1"></div>
                        <div class="tangle2"></div>
                    </div>

                    <div class="items-box">
                        <div class="item">
                            <div class="item-img-box"><img src="./images/item1.jpg" alt=""></div>
                            <p>株洲小巨蛋官方微信</p>
                            <p>赶快打开微信扫-扫,添加株洲小巨蛋</p>
                            <p>官方微信,天天有好礼</p>
                        </div>
                        <div class="item">
                            <div class="item-img-box"><img src="./images/item2.jpg" alt=""></div>
                            <p>株洲小巨蛋官方微信</p>
                            <p>赶快打开微信扫-扫,添加株洲小巨蛋</p>
                            <p>官方微信,天天有好礼</p>
                        </div>
                        <div class="item">
                            <div class="item-img-box"><img src="./images/item3.jpg" alt=""></div>
                            <p>株洲小巨蛋官方微信</p>
                            <p>赶快打开微信扫-扫,添加株洲小巨蛋</p>
                            <p>官方微信,天天有好礼</p>
                        </div>

                    </div>

                </div>
                <!-- 阴影盒子 -->
                <div class="shadow-box"></div>
                <!-- 项目概况 -->
                <div class="project-contianer clearfix">
                    <h3>项目概况</h3>
                    <div class="navigation-box"><img src="./images/navigation.jpg" alt=""></div>
                    <div class="project-right-box">
                        <p>项目地址:湖南株洲芦淞区枫溪大道东侧</p>
                        <p>投资商:广州汇美集团</p>
                        <p>开发商:株洲市汇美房地产开发有限公司</p>
                        <p>招商热线: <i>0731-22509009或25882589</i></p>
                        <div class="btn-box">
                            <button class="btnMore">点击查看更过</button>
                            <div class="btnBox">
                                <button class="btnShare">分享一下</button><span class="iconBox"><i class="iconfont icon-fenxiangfangshi icon-share"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 向下图标 -->
                <div id="iconbox"><i class="iconfont icon-xiangxiafanbai" id="icon-down"></i></div>


            </div>
            <!-- 关于我们 -->
            <div class="about-contianer">
                <h3>关于我们</h3>
                <div class="about-items-box">
                    <div class="abouot-item">
                        <div class="imgBox"><img src="./images/about1.png" alt=""></div>
                        <div class="item-right-box">
                            <p>株洲小巨蛋</p>
                            <div class="weibo-box">
                                <span><i class="iconfont icon-weibo weibo"></i></span>
                                <span>加关注</span>
                            </div>
                        </div>
                    </div>
                    <div class="abouot-item">
                        <div class="imgBox"><img src="./images/about2.png" alt=""></div>
                        <div class="item-right-box">
                            <p>株洲小巨蛋</p>
                            <div class="weibo-box">
                                <span><i class="iconfont icon-weibo weibo"></i></span>
                                <span>加关注</span>
                            </div>
                        </div>
                    </div>
                    <div class="abouot-item">
                        <div class="imgBox"><img src="./images/about3.png" alt=""></div>
                        <div class="item-right-box">
                            <p>株洲小巨蛋</p>
                            <div class="weibo-box">
                                <span><i class="iconfont icon-weibo weibo"></i></span>
                                <span>加关注</span>
                            </div>
                        </div>
                    </div>
                    <div class="abouot-item">
                        <div class="imgBox"><img src="./images/about4.png" alt=""></div>
                        <div class="item-right-box">
                            <p>株洲小巨蛋</p>
                            <div class="weibo-box">
                                <span><i class="iconfont icon-weibo weibo"></i></span>
                                <span>加关注</span>
                            </div>
                        </div>
                    </div>
                    <div class="abouot-item">
                        <div class="imgBox"><img src="./images/about5.png" alt=""></div>
                        <div class="item-right-box">
                            <p>株洲小巨蛋</p>
                            <div class="weibo-box">
                                <span><i class="iconfont icon-weibo weibo"></i></span>
                                <span>加关注</span>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

        </main>

        <footer>
            <div class="left">
                <ul>
                    <li>
                        <div class="zg"><img src="./images/zg.jpg" alt=""></div>
                    </li>
                    <li>中国</li>
                    <li>隐私政策</li>
                    <li>使用条款</li>
                </ul>
            </div>
            <div class="right">COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL R</div>
        </footer>
    </div>

</body>

</html>